﻿
.cmsH3
{
    font-size: 130%;
    margin: 10px;
}

#modalOverlay
{
    background: #000;
    text-align: left;
}

#cmsTooltip
{
    z-index: 9000;
    width: 200px;
    background: #f7ffbe;
    border: 1px solid #aaa;
    position: absolute;
    font-family: Tahoma, Helvetica;
    color: #333;
}

img  
{
    -ms-interpolation-mode:bicubic; 
    border: none; 
}

/***************************/
/* CMS Forms */
/***************************/

.cmsModal form
{
    width: 45%;
    float: left;
}

.cmsModal .formRow
{
    clear: both;
    height: 1.5em;
    margin-bottom: 0.4em
}

.cmsModal .formRow label
{
    float: left;
    width: 220px;
    height: 1em;
    padding: 2px 10px 4px 0px;
    color: #000;
}

.cmsModal .formRow span
{
    float: left;
    width: 300px;
}

.cmsModal .formRow input
{
    width: 250px;
    border: 1px solid #aaa;
    padding: 4px;
}

.cmsModal .formRow input[type=checkbox]
{
    width: auto;
}

.cmsModal .formRow textarea
{
    font-family: Tahoma, Helvetica;
    font-size: 13px;
    padding: 4px;
    border: 1px solid #aaa;
    width: 250px;
    height: 60px;
}

.cmsModal .formRow .filePath
{
    float: left; 
    width: 140px;
    margin-right: 10px;
}

.cmsModal .formRow .fileBrowse
{
    float: left;
    width: 100px;
}

.cmsFilePicker
{
    float: right;
    width: 50%;
}

.cmsFilePicker iframe
{
    width: 100%;
    height: 300px;
    border: none;
}

.cmsModal .submitRow
{
    clear: both;
}

.cmsModal ul
{
    padding: 0;
    margin: 0;
    text-indent: 0;
}

.cmsModal ul li
{
    color: #000;
}

.cmsModal ul li a
{
    color: #000;
}

/***************************/
/* CMS Editor Toolbar */
/***************************/

#cmsEditor
{
    margin: 0px;
    border: 0px;
    border-bottom: 1px solid #c5c5c5;
    background: #f7ffbe;
    padding: 0px;
    text-align: left;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 10000;
}

#cmsEditor *
{
    font-family: Tahoma, Helvetica;
    text-align: left;
}

#cmsEditor ul, #cmsEditor ul li
{
    padding: 0px;
    margin: 0px auto 0px auto;
    text-indent: 0px;
    list-style: none;
}

#cmsEditor ul li
{
    float: left;
    border-right: 1px solid #c5c5c5;
    padding: 6px 0px 4px 0px;
    cursor: pointer;
    width: 250px;
    position: relative;
}

#cmsEditor ul li.hover
{
    background: #fff;
}

#cmsEditor ul li img.cmsMainIcon
{
    float: left;
    margin: 0px 8px 3px 8px;
}

#cmsEditor ul li h3
{
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
    color: #000;
    float: left;
}

#cmsEditor ul li h4
{
    margin: 0px;
    font-size: 11px;
    color: #757575;
    font-weight: normal;
    float: left;
    position: absolute;
    top: 23px;
    left: 49px;
}

#cmsEditor ul #cmsPageVersionLinkHover
{
    padding: 0;
    display: none;
    background: #F7FFBE;
    position: absolute;
    top: 0px;
    left: 0px;
}

#cmsEditor ul li#cmsPageVersionLinkHover:hover
{
    background-color: #f7ffbe;
}

#cmsEditor #cmsPublish, #cmsEditor #cmsVersions
{
    margin-left: 0px;
    float: left;
    padding-top: 6px;
    height: 38px;
    position: relative;
}

#cmsEditor #cmsPublish:hover, #cmsEditor #cmsVersions:hover
{
    background: #fff;
}

#cmsEditor #cmsPublish.cmsNoHover:hover
{
    background: #F7FFBE;
}

#cmsEditor #cmsPublish
{
    width: 45%;
    border-right: 1px solid #c5c5c5;
}

#cmsEditor #cmsVersions
{
    width: 54%;
}

/***************************/
/* Add Module */
/***************************/

#cmsAddModuleDialog ul li
{
    list-style: none;
    padding: 10px;
    margin: 10px;
    border: 1px solid #cacaca;
}

/***************************/
/* Generic classes */
/***************************/

.cmsIcon
{
    vertical-align: middle;
    margin-right: 6px;
}

.cmsInfo
{
    padding: 10px;
    border: 1px solid #aaa;
    background: #f3f3f3;
    margin: 8px 0px 8px 0px;
}

.cmsSuccess
{
    background: #f3fff3;
}

.cmsFailure
{
    background: #fff3f3;
}

.cmsTxt, .cmsTxtArea
{
    padding: 10px;
    border: 1px solid #aaa;
    font-family: Tahoma, Helvetica;
    font-size: 12px;
    font-weight: normal;
}

.cmsTxtArea
{
    width: 250px;
    height: 120px;
}

.cmsBtn
{
    border: 1px solid #aaa;
    background: #f7ffbe;
    padding: 10px;
    font-family: Tahoma, Helvetica;
    font-size: 12px;
    font-weight: bold;
    cursor: pointer;
}

.cmsClear
{
    clear: both;
    line-height: 1px;
    height: 1px;
    overflow: hidden;
}

.cmsModal
{
    display: none;
    background: #fff;
    padding: 10px;
    font-family: Tahoma, Helvetica;
    text-align: left;
    position: relative;
    border: 2px solid #a4a4a4;
    z-index: 5000;
    color: #000;
}

#cmsPageManagerPageSelector, #cmsInboxInbox
{
    float: left;
    width: 45%;
    margin-right: 1%;
    text-align: left;
    overflow: auto;
    height: 450px;
    background: #f7f7f7;
}

#cmsPageManagerAddPageWrapper form
{
    width: 100%;
}

/***************************/
/* Page Manager */
/***************************/
ul.cmsPageManager
{
    margin: 0;
    padding: 0;
}

ul.cmsPageManager li
{
    margin: 4px 4px 4px 20px;
    padding: 4px;
    font-weight: normal;
    list-style: none;
    position: relative;
}

ul.cmsPageManager li a
{
    position: relative;
    padding: 8px 170px 8px 5px;
    text-decoration: none;
    font-weight: bold;
    color: #333;
}

ul.cmsPageManager li.default a, ul.cmsPageManager li.cmsCurrentPage ul li a
{
    background: none;
    color: #333;
}

ul.cmsPageManager li.currentPage a
{
    background: #452562;
    color: #fff;
}

ul.cmsPageManager li a.hover
{
    font-weight: bold;
    color: #000;
    background: #e7e7e7;
}

ul.cmsPageManager li a .opts
{
    position: absolute;
    top: 5px;
    right: 8px;
    width: 150px;
}

ul.cmsPageManager li a .opts img
{
    vertical-align: middle;
    margin: 0px 5px 0px 0px;
}

#cmsPageVersionManagerContainer ul li
{
    list-style: none;
    margin: 5px;
    padding: 10px;
    background: #e3e3e3;
    font-size: 150%;
}

#cmsPageVersionManagerContainer ul li div.title
{
    float: left;
    width: 50%;
}

#cmsPageVersionManagerContainer ul li  div.actions
{
    float: right;
    width: 50%;
    text-align: right;
}

/***************************/
/* Inbox */
/***************************/

ul.cmsInbox li
{
    padding: 6px 6px 6px 55px;
    margin: 10px;
    border: 1px solid #aaa;
    list-style: none;
    font-weight: bold;
    cursor: pointer;
    background: #fff url(/CMS/File/Resource?Assembly=OpenQuarters.WebQuarters.Core.Web&filename=Areas.CMS.Content.Images.icon_messages.png) 12px 8px no-repeat;
}

ul.cmsInbox li:hover
{
    background-color: #fcffdf;
}

ul.cmsInbox li span
{
    font-weight: normal;
    font-size: 80%;
    display: block;
}

ul.cmsInbox li.cmsRead
{
    font-weight: normal;
    background-image: url(/CMS/File/Resource?Assembly=OpenQuarters.WebQuarters.Core.Web&filename=Areas.CMS.Content.Images.icon_messages_read.png);
}

.cmsWorkflowComment
{
    border-bottom: 1px solid #aaa;
    padding: 5px;
    margin: 5px;
}

/***************************/
/* Content Areas */
/***************************/

/***************************/
/* NicEdit */
/***************************/
#cmsNicPanelContainer
{
    position: absolute;
    left: 0px;
    top: 59px;
    width: 800px;
    padding: 0px;
    z-index: 999;
}

/* Uncomment for centered menus
#cmsNicPanelContainer .nicEdit-panel
{
    margin: 0 auto 0 auto;
    width: 935px;
}

.nicEdit-panel
{
    margin: 0 auto 0 auto;
    width: 935px;
}

.nicEdit-buttonContain
{
    margin-left: 1px;
}
*/

#cmsNicPanelContainer .nicEdit-panelContain
{
    background-color: #F7FFBE; 
}

#cmsNicPanel
{
    margin: 0px;
    padding: 0px;
}

#cmsWYSIWYG
{
    display: none;
}

.cmsContentAreaOptions
{
    position: relative;
    z-index: 900;
    background: #f7ffbe;
    display: none;
    font-family: Tahoma,Helvetica;
    border-bottom: 1px solid #c5c5c5;
}

.cmsContentAreaOptions ul
{
    padding: 0px;
    margin: 0px;
}

.cmsContentAreaOptions ul li
{
    list-style: none;
    float: left;
    margin: 0;
    padding: 3px 10px 3px 5px;
    color: #000;
    border-right: 1px solid #c5c5c5;
}

#cmsManageModulesDialog ul
{
    float: left; width: 30%;
    margin: 2%;
}

/***************************/
/* Tooltips */
/***************************/

.cmsTip
{
    position: absolute;
    top: 0px;
    left: 0px;
    display: none;
    background: url(/CMS/File/Resource?Assembly=OpenQuarters.WebQuarters.Core.Web&filename=Areas.CMS.Content.Images.back_tip.png) top left no-repeat;
    width: 220px;
    height: 140px;
    z-index: 9999;
    padding: 64px 0px 0px 25px;
}

.cmsTip a
{
    font-size: 150%;
    font-weight: bold;
    color: #000;
    text-decoration: none;
}

/* Date Picker */
#ui-datepicker-div { z-index: 3500; background-color: #fff; width: 250px; }
.ui-datepicker-clear { display: none; }
.ui-datepicker-close { display: none; }
.ui-datepicker-links div { float: left; width: 7em; height: 18px; }
.ui-datepicker-links .ui-datepicker-current { text-align: center; }
.ui-datepicker-links .ui-datepicker-next { float: right; text-align: right; }
.ui-datepicker-new-row { clear: both; } 
.ui-datepicker-new-month { margin-right: 20px; }
.ui-datepicker-new-year { float: right; }
.ui-datepicker { width: 260px; padding: .2em .2em 0; margin: 0.5em 0 0 0; }
.ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; }
.ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; }
.ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; }
.ui-datepicker .ui-datepicker-prev { left:2px; }
.ui-datepicker .ui-datepicker-next { right:2px; }
.ui-datepicker .ui-datepicker-prev-hover { left:1px; }
.ui-datepicker .ui-datepicker-next-hover { right:1px; }
.ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px;  }
.ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; }
.ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; }
.ui-datepicker select.ui-datepicker-month-year {width: 100%;}
.ui-datepicker select.ui-datepicker-month, 
.ui-datepicker select.ui-datepicker-year { width: 49%;}
.ui-datepicker .ui-datepicker-title select.ui-datepicker-year { float: right; }
.ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; }
.ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: bold; border: 0;  }
.ui-datepicker td { border: 0; padding: 1px; }
.ui-datepicker td span, .ui-datepicker td a { display: block; padding: .2em; text-align: right; text-decoration: none; }
.ui-datepicker .ui-datepicker-buttonpane { background-image: none; margin: .7em 0 0 0; padding:0 .2em; border-left: 0; border-right: 0; border-bottom: 0; }
.ui-datepicker .ui-datepicker-buttonpane button { float: right; margin: .5em .2em .4em; cursor: pointer; padding: .2em .6em .3em .6em; width:auto; overflow:visible; }
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; }

/* with multiple calendars */
.ui-datepicker.ui-datepicker-multi { width:auto; }
.ui-datepicker-multi .ui-datepicker-group { float:left; }
.ui-datepicker-multi .ui-datepicker-group table { width:95%; margin:0 auto .4em; }
.ui-datepicker-multi-2 .ui-datepicker-group { width:50%; }
.ui-datepicker-multi-3 .ui-datepicker-group { width:33.3%; }
.ui-datepicker-multi-4 .ui-datepicker-group { width:25%; }
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header { border-left-width:0; }
.ui-datepicker-multi .ui-datepicker-buttonpane { clear:left; }
.ui-datepicker-row-break { clear:both; width:100%; }

/* RTL support */
.ui-datepicker-rtl { direction: rtl; }
.ui-datepicker-rtl .ui-datepicker-prev { right: 2px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next { left: 2px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-prev:hover { right: 1px; left: auto; }
.ui-datepicker-rtl .ui-datepicker-next:hover { left: 1px; right: auto; }
.ui-datepicker-rtl .ui-datepicker-buttonpane { clear:right; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button { float: left; }
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current { float:right; }
.ui-datepicker-rtl .ui-datepicker-group { float:right; }
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; }
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; }

/* IE6 IFRAME FIX (taken from datepicker 1.5.3 */
.ui-datepicker-cover {
    display: none; /*sorry for IE5*/
    display/**/: block; /*sorry for IE5*/
    position: absolute; /*must have*/
    z-index: -1; /*must have*/
    filter: mask(); /*must have*/
    top: -4px; /*must have*/
    left: -4px; /*must have*/
    width: 200px; /*must have*/
    height: 200px; /*must have*/
}